@charset "UTF-8";
<!--
 ########:: ##:::: ##: ##::: ##:
 ##.... ##: ##:::: ##: ###:: ##:
 ##:::: ##: ##:::: ##: ####: ##:
 ########:: ##:::: ##: ## ## ##:
 ##.... ##: ##:::: ##: ##. ####:
 ##:::: ##: ##:::: ##: ##:. ###:
 ########::. #######:: ##::. ##:
.......::::.......:::..::::..::   
-->

/*;.;.;.;.;.;.;.;.;.;.;
.;.;.; CSS RESET ;.;.;.
;.;.;.;.;.;.;.;.;.;.;*/

	* {
		margin: 0;
		padding: 0;
		color: #000;
	}

/*;.;.;.;.;.;.;.;.;.
.;.;.; CANVAS .;.;.;
;.;.;.;.;.;.;.;.;.*/

	main#canvas {
		width: 98.6vw;
		height: 45.65vw;
		margin: 5.6vh auto 0 auto;
	}

/*;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; ARTIST CREDIT ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;*/

	figcaption {
		width: 68.6vw;
		margin: 0.5vw auto 0 auto;
		font-size: 12pt;
		text-align: right;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/*;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; HTML5 SEMANTIC TAGS ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;*/

	section {
		width: 20px;
		height: 520px;
		float: left;
	}

		article {
			width: 60%;
			height: 80.2%;
			margin-top: 40%;
			margin-left: 20%;
		}

			figure {
				width: 17%;
				height: 97.8%;
				margin-top: 5.5%;
				margin-left: 6.4%;
				float: left;
			}

/*;.;.;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; CSS COLOR CLASSES ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;.;.;*/

	.skyblue {
		background-color: #02b1e1; width:10px;
		height: 520px;
	}

	.rose {
		background-color: #c65e82; width: 10px;
		height: 520px;
	}

	.mustard {
		background-color: #bd9614; width: 10px;
		height: 520px;;
	}

	.navy {
		background-color: #171e32; width: 10px;
		height: 520px;
	}

	.offwhite {
		background-color: #d6ebe2; width: 10px;
		height: 520px;
	}

	.offskyblue {
		background-color: #00b5e9; width: 26px;
		height: 520px;; 
	}

/*;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; HOVER PSEUDO-CLASS INTERACTIONS ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;*/

	.skyblue:hover {
		background-color: black;
	}

	.rose:hover {
		background-color: red;
	}

	.mustard:hover {
		background-color: orange;
	}

	.navy:hover {
		background-color: #d6ebe2;
	}

	.offwhite:hover {
		background-color: #00b5e9;
	}

	.offskyblue:hover {
		background-color: #c65e82;
	}